<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- utf-8编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html 属性和属性值[所有元素存在，元素和属性捆绑] 
		  功能：做效果     问题：只针对一个元素有效
		  -->
	<p align="right">lorem</p>
	<!-- css 做样式【效果】 针对全局
	 前端：内容与表现分离 【heml做结构、css做样式】
	      能使用css，不要用html元素中属性和属性值
    css3的引入方式：①内部样式表---练习专用，代码量低
	              ②外部样式表---项目专用，代码量高
				  ③内联样式表---基本不用，代码冗余
				  ④引入样式表---根本不用，支持css2引入方式
                               缺点：先内容后表现
								   
	-->
	<p style="text-align:center ">lorem1</p>
	</body>
</html>
